<template>
  <div>
    <!-- 点击单位名称的页面 -->
    <el-descriptions title="单位信息" :column="3" border size="small">
      <el-descriptions-item label="参与单位"
                            labelStyle="background-color: #DCDFE6">重庆交通大学</el-descriptions-item>
      <el-descriptions-item label="项目名称" labelStyle="background-color: #DCDFE6">劳务派遣</el-descriptions-item>
      <el-descriptions-item label="申报周期" labelStyle="background-color: #DCDFE6">2022.1.2——2023.3.2</el-descriptions-item>
    </el-descriptions>

    <div style="margin-top: 20px;margin-bottom: 20px;font-size: medium;font-weight: 900;">工程明细</div>
    <div class="table">
      <el-table :data="tableData" stripe  @selection-change="handleSelectionChange" border>
        <el-table-column type="selection" width="55" align="center"></el-table-column>
        <el-table-column prop="manifestName" label="工作内容"></el-table-column>
        <el-table-column prop="measure" label="计量单位" show-overflow-tooltip></el-table-column>
        <el-table-column prop="quantity" label="工程量"></el-table-column>
        <el-table-column prop="engineeringQuantityCompleted" label="本期完成工程量"></el-table-column>
        <el-table-column prop="engineeringQuantityRemaining" label="剩于工程量"></el-table-column>

      </el-table>

      <div class="upload">
        <!-- 上传 -->
        <el-form label-width="80px" :inline="true" style="margin-top: 20px;">
          <el-form-item label="上传凭证">
            <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList" alt="Image">
            </el-image>
          </el-form-item>
        </el-form>
        <div class="label">支持文件格式: doc,docx,pdf,jpg,png,xlsx,xls,rar,zip</div>
      </div>
    </div>

    <!-- 底部区域 -->
    <span slot="footer">
      <router-link to="/editProject"><el-button type="primary" style="margin-top: 80px;margin-left:400px">编 辑</el-button></router-link>
      <router-link to="/salary"><el-button style="margin-left:30px">取 消</el-button></router-link>
    </span>
  </div>
</template>

<script>
export default {
  name: "ClickProject.vue",
  data(){
    return{
      tableData: [],
      url: 'https://imgcdn.lelewen.cn/wenda/220503/3adc7bf84d2e98b53694ce229e9c4266.png',
      srcList: [
        'https://imgcdn.lelewen.cn/wenda/220503/3adc7bf84d2e98b53694ce229e9c4266.png',
      ],
    }
  }
}
</script>

<style scoped>

.label {
  color: #409EFF;
  font-size: 12px;
}
</style>
